<!DOCTYPE html>
<html>
<head>
    {include file="public/head"}
	<style>
        .grids-icon i{font-size:26px;color: #ff4500;}

        .bring-detail{background: #E8574E;padding: 2px 0;}
        .bring-detail li{display: flex;height: 60px;margin: 10px;padding-bottom: 5px;}
        .bring-detail li .avatar{flex: 1;}
        .bring-detail li .avatar p{height: 60px;width: 60px;margin: 0 auto;}
        .bring-detail li .base{flex: 2;}
        .bring-detail li .base p{height: 30px;line-height: 30px;padding-left: 10px;overflow: hidden;color: #fff;}
        .bring-detail li .base p:last-child{color: #fff;}
        .bring-detail li .money{flex: 1;text-align: center;}
        .bring-detail li .money p{height: 30px;line-height: 30px;overflow: hidden;margin-top: 15px;}
        .bring-detail li .money p:first-child{color: #999;font-size: 14px;}
        .bring-detail li .money p:last-child{color: #fff;font-weight: 600;}
        .bring-detail img{width: 100%;height: 100%;border-radius: 50%;}
        .notice-title{
            width: 20%;
            text-align: center;
            float: left;
            font-size: 16px;
            color: #0BB20C;
        }
        .notice-block{
            margin-top: 20px;background-color: #fff;padding: 6px 0;
        }
        .notice-block:after{content: '';display: block;clear: both;}
        .m-slider{width: 80%;float: right;color: #CD5C5C;padding-top:10px;font-size: 18px;}
	</style>
</head>
<body>
<div class="g-flexview">
    <header class="m-navbar">
		<i class="back-ico"></i>
        <div class="navbar-center"><span class="navbar-title">首页</span></div>
    </header>
    <div class="g-scrollview">
        <ul class="bring-detail">
            <li>
                <div class="avatar">
                    <p><img src="{$user['avatar']}"></p>
                </div>
                <div class="base">
                    <p style="font-size: 16px;font-weight: 600;">{$user['nickname']}</p>
                    <p>
                        <a href="/index/user/real">
                            {if condition="$user['is_real'] == 0"}完善实名>{else/}已实名>{/if}
                        </a>
                    </p>
                </div>
                <div class="money">
                    <p><i class="icon-shield"></i>
                        {if condition="$user['share_level'] >0"}
                        {:get_share_name($user['share_level'])}
                        {else/}
                        {:get_level_name($user['level']);}
                        {/if}
                    </p>
                </div>
            </li>
        </ul>

        <div class="m-grids-2" style="margin: 10px 0;">
            <a href="#" class="grids-item">
                <div class="grids-txt">
                    <img src="/static/img/icon-money.png" alt="" style="position: absolute;width: 30px;left: 20px;top: 16px;">
                    <p>HX</p>
                    <p style="color: #09BB07;">{$user['money']}</p>
                </div>
            </a>
            <a href="#" class="grids-item">
                <div class="grids-txt">
                    <img src="/static/img/zf.png" alt="" style="position: absolute;width: 40px;left: 20px;top: 10px;">
                    <p>ZF</p>
                    <p style="color: #09BB07;">{$user['zf']}</p>
                </div>
            </a>
        </div>

        <div class="m-grids-3">
            <a class="grids-item" href="/index/index/myWorker">
                <div class="grids-icon">
                    <i class="icon-ucenter-outline"></i>
                </div>
                <div class="grids-txt">我的旷工</div>
            </a>
            <a class="grids-item" href="/index/index/detail">
                <div class="grids-icon">
                    <i class="icon-type"></i>
                </div>
                <div class="grids-txt">账户明细</div>
            </a>

            <a class="grids-item" href="#" id="shop">
                <div class="grids-icon">
                    <i class="icon-shopcart-outline"></i>
                </div>
                <div class="grids-txt">商城</div>
            </a>
            <a class="grids-item" href="/index/index/myTeam">
                <div class="grids-icon">
                    <img src="/static/img/my_team.png" alt="">
                </div>
                <div class="grids-txt">我的团队</div>
            </a>
            <a class="grids-item" href="#" id="jj">
                <div class="grids-icon">
                    <img src="/static/img/jj.png" alt="">
                </div>
                <div class="grids-txt">基金</div>
            </a>
            <a class="grids-item" href="/index/index/share">
                <div class="grids-icon">
                    <i class="icon-share3"></i>
                </div>
                <div class="grids-txt">推荐好友</div>
            </a>
            <a class="grids-item" href="#" id="jys">
                <div class="grids-icon">
                    <img src="/static/img/jys.png" alt="">
                </div>
                <div class="grids-txt">交易所</div>
            </a>
            <a class="grids-item" href="#">
                <div class="grids-icon">
                    <img src="/static/img/baas.png" alt="区块链">
                </div>
                <div class="grids-txt">区块链</div>
            </a>
            <a class="grids-item" href="#" id="5G">
                <div class="grids-icon">
                    <img src="/static/img/5g.png" alt="">
                </div>
                <div class="grids-txt">5G</div>
            </a>
        </div>
        <div class="notice-block">
            <div class="notice-title">
                <p>H X</p>
                <p>公告</p>
            </div>
            <div class="m-slider" id="J_Slider">
                <div class="slider-wrapper">
                    {volist name="notice" id="index"}
                    <div class="slider-item">
                        <a href="/index/notice/index">
                            <p>{$index.title}</p>
                        </a>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>
    {include file="public/tabbar" index="tabbar-active"}
</div>
{include file="public/js"}
<script>
    !function ($) {
        //  轮播显示
        $('#J_Slider').slider({
            speed: 1000,
            autoplay: 2000,
            lazyLoad: true
        });
        // 暂时未开放
        var dialog = YDUI.dialog;
        $('#5G').on('click',function () {
            dialog.alert('未开放');
        });
        $('#jj').on('click',function () {
            dialog.alert('级别不够，未开放');
        });
        $('#jys').on('click',function () {
            dialog.alert('未开放');
        });
        $('#shop').on('click',function () {
            dialog.alert('未开放');
        });
    }(jQuery);
</script>
</body>
</html>